<template lang="html">
	<div class="searchheader">
		<div class="header">
			<input type="text" name="">
			<div class="searchImg">
				<img :src="searchImg">
			</div>
		</div>
	</div>
</template>
<script>
	export default{
		name:'searchheader',
		data(){
			return{
				searchImg:require("../assets/icon/search.png")
			}
		}
	}
</script>
<style lang="less" scoped>
	.searchheader{
		.header{
			width:100%;
			heigth:60px;
			line-height: 60px;
			background-color: #3EB3FD;
			position:relative;
			input{
				width:90%;
				height:25px;
				margin:0 20px;
				background-color: #fff;
				border-radius: 5px;
			}
			.searchImg{
				position:absolute;
				width:20px;
				top:0;
				left:30px;
				img{
					width:20px;
				}
			}
		}
	}
</style>